<template>
	<view class="page">
		<view class="pageH">

		</view>
		<view class="pageS">
			<view class="btns">
				<view class="btn dis_f_c_c hyy" @click="$js.open('/pages/index/practice')">
					<text>练习</text>
				</view>
				<view class="btn dis_f_c_c hyy" @click="$js.open('/pages/index/examination')">
					<text>考试</text>
				</view>
				<view class="btn dis_f_c_c hyy" @click="$js.open('/pages/index/search')">
					<text>搜索</text>
				</view>
			</view>
		</view>
		<view class="pageF">

		</view>
	</view>
</template>

<script setup>
	import {
		onLoad,
		onShow,
		onReachBottom,
		onShareAppMessage
	} from '@dcloudio/uni-app'
	import {
		ref,
		reactive,
		getCurrentInstance
	} from 'vue'
	// 公用方法
	let {
		proxy
	} = getCurrentInstance();
	let $js = proxy.$js;

	// 页面加载
	onLoad((e) => {

	})

	// 是否为返回页面
	let back = false;
	// 页面显示
	onShow(() => {
		// 如果是返回当前页面
		if (back) {

		} else {
			back = true;
		}
	})

	// 页面触底
	onReachBottom(() => {

	})

	// 分享
	onShareAppMessage(() => {
		return $js.getShareObjFun();
	})
</script>

<style lang="scss" scoped>
	.page {
		min-height: calc(100vh - var(--window-top));
	}

	.pageH {}

	.pageS {
		.btns {
			padding-top: 100rpx;

			.btn {
				width: 300rpx;
				height: 80rpx;
				background: #fff;
				border-radius: 10rpx;
				margin: 0 auto 100rpx;

				&:last-child {
					margin-bottom: 0;
				}
			}
		}
	}

	.pageF {}
</style>